﻿<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="EmailComprovanteReserva02.aspx.vb" Inherits="ProjetoDeTestes.EmailConfirmacao" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

</head>
<body>

  <div style="font-family: Arial; font-size: 12px; color: #333; width: 773px; margin: 0px;">
        <div style="border: 1px solid #9ACD32; border-bottom:0px; height: auto; display: table; width: 100%">
            <div style="float: left; display: table; width: 100%;">
                <h2 style="background: #000; color: #fff; padding: 10px;margin:0px 0px 20px">
                    Parabéns sua reserva foi realizada!
                </h2>
                <div style="float: left; margin-left: 5px; width: 100%">
                    <div style="margin-left: 5px; float: left; width: 100px; margin: 0px 20px">
                        <img src="@urlImagemPadrao" alt="@nmFantasia" width="90px" height="90px" />
                    </div>
                    <div style="margin-left: 5px; float: left; width: 400px">
                        <div style="font-size: 20px; font-weight: bold;color: #df7a22;">@nmFantasia</div>
                        <div>Localização: @dsLocalizacao</div>
                        <div>@dsEndereco, @nrPredial - @nmBairro</div>
                    </div>
                </div>
                <div style="width: 100%; display: table">
                    <div>
                        <h3 style="background: #000; color: #fff; padding: 10px">
                            Código da Reserva @idVenda - @nrLocalizador
                        </h3>
                        <table style="width: 75%; float: left" cellspacing="5" cellpadding="5" border="0">
                            <tbody>
                                <tr>
                                    <td style="text-align: center">
                                        Tipo de Apartamento
                                    </td>
                                    <td style="text-align: center">
                                        Quant. de Apartamentos
                                    </td>
                                    <td style="text-align: center">
                                        Quant. de Diárias
                                    </td>
                                    <td style="text-align: center">
                                        Data
                                    </td>
                                </tr>
                                <tr>
                                    <th style="background-color: #e7efb3;height:40px">
                                        @nmItem
                                    </th>
                                    <th style="background-color: #e7efb3;height:40px">
                                        @qtdeApartamentos 
                                    </th>
                                    <th style="background-color: #e7efb3;height:40px">
                                        @nrNoites
                                    </th>
                                    <th style="background-color: #e7efb3;height:40px">
                                        @dtVenda 
                                    </th>
                                </tr>
                                <tr>
                                    <td style="text-align: center">
                                        Check-in
                                    </td>
                                    <td style="text-align: center">
                                        Check-out
                                    </td>
                                    <td style="text-align: center">
                                        Valor Pago
                                    </td>
                                    <td style="text-align: center">
                                        Valor Parcelado
                                    </td>
                                </tr>
                                <tr>
                                    <th style="background-color: #e7efb3;height:40px">
                                        @dtCheckIn
                                    </th>
                                    <th style="background-color: #e7efb3;height:40px">
                                        @dtCheckOut
                                    </th>
                                    <th style="background-color: #e7efb3;height:40px">
                                        @vlVenda
                                    </th>
                                    <th style="background-color: #e7efb3;height:40px">
                                        @vlParcelado
                                    </th>

                                </tr>
                            </tbody>
                        </table>
                            <div style="border: 1px solid #9ACD32; width:160px;padding:5px 0px;float:right;margin:34px 10px 0px 10px">
                                <div>
                                    <p style="text-align: center; margin-left: 0px">
                                        <b>Preço total (R$)</b>
                                    </p>
                                </div>
                                <div>
                                <div>
                                    <p style="color: #df7a22;text-align: center; margin-top: 10px; font-size: 14pt;">
                                        <b>@vlVenda</b>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <table>
                        <tr>
                            <td>
                                <div style="background-color: #e7efb3;width:433px;margin-left:2px; padding: 5px 0px; height:75px;">
							        <p style="text-align: center; font-weight: bold; font-size: 14px">
								        @tipoPagamento
							        </p>
						        </div>
                            </td>
                            
                            <td>
                                <div style="background-color: #e7efb3;width:317px;margin-left:1px;padding:10px 0px;height:75px;">
							        <p style="text-align: center; font-weight: bold;font-size:16px">
								        Localizador de Reserva
								        <br />
								        <span style="color: #df7a22; font-size: 24px">@nrLocalizador</span>
							        </p>
						        </div>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <div style="border: 1px solid #9ACD32">
            <h3 style="color:#fff; background: #9ACD32;padding:5px 10px">
                Pedidos Especiais
            </h3>
            <p style="font-weight: bold;padding:0px 20px">
                @dsSolicAdicionais
            </p>
        </div>
        <div>
            <table border="0" style="width: 775px; margin-left: -2px">
                <thead style="width: 100%;">
                    <tr>
                        <td style="margin-left: 1px; background-color: #000; font-weight: bold; vertical-align: middle; height: 25px; color: #fff">
                            <p style="margin-left: 10px">
                                Tipo de Quarto</p>
                        </td>
                        <td style="width: 150px; margin-left: 1px; background-color: #000; font-weight: bold; vertical-align: middle; height: 25px; color: #fff">
                            <p style="text-align: center">
                                Condições</p>
                        </td>
                        <td style="width: 80px; margin-left: 1px; background-color: #000; font-weight: bold; vertical-align: middle; height: 25px; color: #fff">
                            <p style="text-align: center">
                                Max.</p>
                        </td>
                        <td style="width: 80px; margin-left: 1px; background-color: #000; font-weight: bold; vertical-align: middle; height: 25px; color: #fff">
                            <p style="text-align: center">
                                Preço
                            </p>
                        </td>
                    </tr>
                </thead>
                <tbody>
                <vendaItem>
                        <tr>
                            <td style="margin-left: 1px; background-color: #ECF4CB; padding-left: 1px; vertical-align: top; height: 30px">
                                <p style="margin-left: 10px">
                                    <a style="font-size: 12px; color: #df7a22; text-decoration: none; font-weight: bold;">@nmItem</a>
                                    <input id="input_hospede_0" name="input_hospede_0" type="hidden" value="GILIARDI" />
                                    <label>
                                        <i>(@nmHospedes)</i></label>
                                    <br />
                                    <input id="hd_iditem" name="hd_iditem" type="hidden" value="1" />
                                    <span>Preços são por quarto.<br />
                                        <b>Incluído</b> na tarifa: @dsItensInclusos.</span>
                                    <input id="hd_vlitem_0" name="hd_vlitem_0" type="hidden" value="360,0000" />
                                    <input id="hd_ocupacao" name="hd_ocupacao" type="hidden" value="False" />
                                </p>
                            </td>
                            <td style="margin-left: 1px; background-color: #ECF4CB; padding-left: 1px; vertical-align: top; height: 30px">
                                <ul style="list-style-type:none">
                                    <li>
                                        <div>
                                            <p style="text-align: left"></p>
                                            <p>@dsDetalheVenda</p>
                                        </div>
                                        <div>
                                            <p style="text-align: left"></p>
                                            <p>@dsCondicao</p>
                                        </div>
                                    </li>
                                </ul>
                            </td>
                            <td style="margin-left: 1px; background-color: #ECF4CB; padding-left: 1px; vertical-align: top; height: 30px">
                                <p style="text-align: center">
                                    @qtdePessoas
                                </p>
                            </td>
                            <td style="margin-left: 1px; background-color: #ECF4CB; padding-left: 1px; vertical-align: top; height: 30px">
                                <p style="text-align: center; font-weight: bold; margin-right: 3px">
                                    @vlItem
                                </p>
                            </td>
                        </tr>
                    </vendaItem>
                </tbody>
            </table>
        </div>
    </div>



</body>
</html>
